.pull-right{
  float: right !important;
}

.pull-left{
  float: left !important;
}

.hidden{
  display: none !important;
}

.no-margin{
  margin: 0 !important;
}

.no-padding{
  padding: 0 !important;
}

.no-border {
  border: none !important;
}

.no-padding-left{
  padding-left: 0 !important;
}
.no-position {
  position: relative !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.pre-line{
  white-space: pre-line !important;
  word-break: break-all;
}

.text-danger{
  color: $color-danger !important;
}

.font-size-14{
  font-size: 14px;
}

.font-size-16{
  font-size: 16px;
}

.font-w-600{
  font-weight: 600;
}

.align-items-center {
  display: flex;
  align-items: center;
}
.pull-right{
  float: right;
}

.text-right{
  text-align: right;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.pre{
  white-space: pre-line;
}

.text-overflow-hidden{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

/** 需要微调的样式(像素为4的倍数) */
@for $i from 1 through 20 {
  @if $i % 4 == 0 {
    .mt_#{$i} {
      margin-top: 1px * $i;
    }
  }
}

@for $i from 1 through 20{
  @if $i % 4 == 0 {
    .mb_#{$i} {
      margin-bottom: 1px * $i;
    }  
  }
}

@for $i from 1 through 20{
  @if $i % 4 == 0 {
    .ml_#{$i} {
      margin-left: 1px * $i;
    }  
  }
}

@for $i from 1 through 20{
  @if $i % 4 == 0 {
    .mr_#{$i} {
      margin-right: 1px * $i;
    }  
  }
}

.pointer{
  cursor: pointer;
}

.mr_0 {
  margin-right: 0px !important;
}